<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <style>

    </style>
</head>

<body>

    <!-- ----头部----- -->
    <div class="header">
        <div class="header_core">
            <div class="logo">
                <a href="#">
                    <img src="../images/zxy/logo.png" />
                </a>
                <span>欢迎登录</span>
            </div>
            <div class="register">
                <img src="../images/zxy/touxiang.jpg">
                <span>
                    您好，欢迎来到猪易购畜牧商城<br>已注册的会员请登录，或立即<a href="#">注册新会员</a>
                </span>
            </div>
        </div>
    </div>
    <!-- ---主体---- -->
    <div class="login">
        <div class="login_core">
            <div class="login_square">
                <div class="method">
                    <ul>
                        <li>短信登录</li>
                        <li>密码登录</li>
                    </ul>
                </div>
                <div class="information">
                    <ul>
                        <form id="loginByMobile">
                            <fieldset style="border:none">
                                <div class="loginByMobile_core">
                                    <p class="login_user">
                                        <input id="mobile" placeholder="请输入手机号" type="text">
                                        <img src="../images/zxy/login_name.jpg">
                                    </p>
                                    <p class="login_user">
                                        <input id="login_yzm" type="text" size="8" placeholder="请输入验证码"
                                            style="width:90px;">
                                        <a href="#" id="replace">换一张</a>
                                        <canvas id="canvas"></canvas>
                                        <img src="../images/zxy/login_yzm.jpg">
                                    </p>
                                    <p class="login_user">
                                        <input id="authCode" placeholder="请输入短信验证码" type="text" style="width:120px;">
                                        <img src="../images/zxy/login_yzm.jpg">
                                        <input class="send" value="获取验证码" type="button">
                                    </p>
                                    <p class="login_submit ">
                                        <input id="login_btnmobile" type="button" value="登　录">
                                    </p>
                                    <div class="login_bottom">
                                        <p>无需注册，选择以下方式登录：</p>
                                        <ul>
                                            <li class="weixin">
                                                <a href="#"><i></i></a>
                                            </li>
                                            <li class="qq">
                                                <a href="#"><i></i></a>
                                            </li>
                                        </ul>
                                        <div class="login_word">
                                            <a href="zhuce.html">免费注册 </a>
                                            <a href="#">联系在线客服</a>
                                        </div>
                                    </div>
                                </div>

                            </fieldset>
                        </form>
                    </ul>
                    <ul style="display:none;">
                        <form class="loginByPassword">
                            <fieldset style="border:none">
                                <div class="password_top">
                                    <div class="password_tips" style="display: block;">
                                        <div id="dis">
                                            <span></span>
                                            <div class="msg_tishi"><b></b>公共场所不建议自动登录，以防账号丢失</div>
                                        </div>
                                    </div>
                                    <div class="password_form">
                                        <p class="login_user">
                                            <input id="username" placeholder="请输入用户名/手机号/邮箱" type="text">
                                            <img src="../images/zxy/login_name.jpg">
                                        </p>
                                        <p class="login_user">
                                            <input id="password" placeholder="请输入密码" type="password">
                                            <img src="../images/zxy/login_pas.jpg">
                                        </p>
                                        <div class="login_jz">
                                            <ul>
                                                <li class="login_jz_l">
                                                    <label id="autologin">
                                                        <input type="checkbox" checked="" id="checkbox">
                                                        记住用户名
                                                    </label>

                                                </li>
                                                <li class="login_jz_r">
                                                    <a href="#">忘记登录密码？</a>
                                                </li>
                                            </ul>

                                        </div>
                                        <p class="login_submit">
                                            <input id="login_btnmima" type="button" value="登　录">
                                        </p>
                                        <div class="login_bottom">
                                            <p>无需注册，选择以下方式登录：</p>
                                            <ul>
                                                <li class="weixin">
                                                    <a href="#"><i></i></a>
                                                </li>
                                                <li class="qq">
                                                    <a href="#"><i></i></a>
                                                </li>
                                            </ul>
                                            <div class="login_word">
                                                <a href="#">免费注册 </a>
                                                <a href="#">联系在线客服</a>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </fieldset>
                        </form>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- ----底部---- -->
    <div class="footer">
        <div class="footer_nav">
            <a href="#">关于猪易购</a>|
            <a href="#">买家入门</a>|
            <a href="#">卖家入门</a>|
            <a href="#">交易担保</a>|
            <a href="#">商家入驻</a>|
            <a href="#">网站导航</a>
        </div>
        <p>Copyright©2010-2016 www.zhuego.com Inc.All Rights Reserved.</p>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>